<template>
  <div class="app-container">
    <el-tabs v-model="state" type="border-card">
      <!--修改用户基本信息-->
      <el-tab-pane label="我的课程" name="my">
        <mine-course />
      </el-tab-pane>
      <el-tab-pane label="今日课程" name="today">
        <today-course />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import MineCourse from './component/MineCourse'
import TodayCourse from './component/TodayCourse'

export default {
  name: 'MyCourse',
  components: { MineCourse, TodayCourse },
  data() {
    return {
      list: [],
      state: 'my'
    }
  },
  computed: {
    courseState() {
      return this.$store.getters.courseState
    }
  },
  watch: {
    courseState() {
      this.state = this.$store.getters.courseState
    }
  },
  created() {
    this.state = this.courseState
  }
}
</script>

<style scoped>

</style>
